*{
    margin:0;
    padding:0;
}

.wrap{
    width:100%;
    
}

.bgbox{
    height:100%;
    width:100%;
    position:relative;
    overflow: hidden;
    background-color: rgba(0,153,255,0.8);
   
    -webkit-animation: sd 2s infinite ease-in-out;
    -webkit-animation-direction:alternate;
}

.conbox{
    width:400%;
    height:400%;
    background-color:rgba(255,255,255,0.7);
    position:absolute;
    left:-100%;
    bottom:150%;
    border-radius:42%;
    -webkit-animation: xz 9s infinite linear;
    
}

.conbox1{
    width:400%;
    height:400%;
    background-color:rgba(255,255,255,0.9);
    position:absolute;
    left:-200%;
    bottom:150%;
    border-radius:45%;
    -webkit-animation: xz 10s infinite linear;
    -webkit-animation-delay:0.6s;
    

}

@-webkit-keyframes xz
{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}


@-webkit-keyframes sd
{
    from{-webkit-box-shadow:0px 0px 5px 2px rgba(0,153,255,0.1);}
    to{-webkit-box-shadow:0px 0px 80px 5px rgba(0,153,255,1);}
}

